<template>
	<div>
		<Home v-if="show === 'home'"></Home>
		<News v-else-if="show === 'news'"></News>
		<Reduct v-else-if="show === 'product'"></Reduct>
		<About v-else></About>
	</div>
</template>

<script>
import Home from '../views/Home'
import News from '../views/News'
import Reduct from '../views/Reduct'
import About from '../views/About'
export default {
	props: {
		// 可配置
		show: {
			type: String,
			default: 'home',
		},
	},
	components: { Home, News, Reduct, About },
}
</script>